import React, { Component } from 'react'
import { Carousel } from 'antd'
import './Header.css'
import 'antd/dist/antd.css'



export default class header extends Component {
    constructor(props) {
        super(props)

    }

    render() {
        return (
            <div id="banner-box">
                <Carousel autoplay>
                    <div>
                        
                        <img id="banner-picture" src="https://images.unsplash.com/photo-1578681041175-9717c16b0d66?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1942&q=80" alt="" />
                    </div>
                    <div>
                        
                        <img id="banner-picture" src="https://images.unsplash.com/photo-1496417263034-38ec4f0b665a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1951&q=80" alt="" />
                    </div>
                    <div>
                    
                        <img id="banner-picture" src="https://images.unsplash.com/photo-1566073771259-6a8506099945?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80" alt="" />
                    </div>
                    <div>
                        
                        <img id="banner-picture" src="https://images.unsplash.com/photo-1569369926169-9ee7fb80adeb?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1944&q=80" alt="" />
                    </div>
                    <div>
                        
                        <img id="banner-picture" src="https://images.unsplash.com/photo-1548623832-065a018e01ce?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1617&q=80" alt="" />
                    </div>
                </Carousel>
            </div>
        )
    }
}
